.page-box {
    padding-bottom: 40rpx;
    .header {
        padding: 33rpx 32rpx 0 32rpx;
        height: 543rpx;
        background: linear-gradient(180deg, #1226aa 45%, #ebeef5 100%);
        box-sizing: border-box;
        .progress {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 4rpx;
            .progress-step {
                transition: all 0.4s ease;
                .status-bar {
                    width: 100%;
                    height: 10rpx;
                    background: #3647b7;
                    border-radius: 5rpx;
                    margin-bottom: 19rpx;
                }
                .tt {
                    font-weight: 400;
                    font-size: 24rpx;
                    color: #ffffff;
                    line-height: 33rpx;
                }
                &.active {
                    .status-bar {
                        background: #f5a518;
                    }
                    .tt {
                        font-weight: 600;
                        color: #f5a518;
                    }
                }
            }
        }
    }
    .section {
        position: relative;
        padding: 0 32rpx;
        margin-top: -490rpx;
        .form-box {
            background: #ffffff;
            border-radius: 20rpx;
            padding: 38rpx 24rpx 32rpx 24rpx;
            .form-title {
                position: relative;
                font-weight: 600;
                font-size: 28rpx;
                color: #2e3233;
                line-height: 40rpx;
                z-index: 1;
                margin-bottom: 28rpx;
                &::after {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 60rpx;
                    height: 16rpx;
                    background: linear-gradient(90deg, #7887ea 0%, #ffffff 100%);
                    border-radius: 8rpx;
                    content: '';
                    z-index: -1;
                }
            }
            .form-item {
                margin-bottom: 24rpx;
                .title {
                    font-weight: 600;
                    font-size: 24rpx;
                    color: #2e3233;
                    line-height: 33rpx;
                    margin-bottom: 12rpx;
                    &.required::before {
                        color: #1226aa !important;
                        content: '*';
                        font-size: 24rpx;
                        color: #2e3233;
                        line-height: 33rpx;
                    }
                }
                .tip {
                    .iconfont {
                        font-size: 24rpx;
                        color: #f5a518;
                        margin-right: 8rpx;
                    }
                    .t1 {
                        font-weight: 400;
                        font-size: 24rpx;
                        color: #f5a518;
                        line-height: 33rpx;
                    }
                }
                .input-box {
                    position: relative;
                    padding-left: 24rpx;
                    height: 80rpx;
                    background: #ffffff;
                    border-radius: 16rpx;
                    border: 1px solid #d7dae0;
                    box-sizing: border-box;
                    .text-bar {
                        position: absolute;
                        right: 24rpx;
                        top: 24rpx;
                        font-weight: 400;
                        font-size: 24rpx;
                        color: #2e3233;
                    }
                    .uni-input {
                        width: 100%;
                        height: 100%;
                        display: block;
                        font-size: 24rpx;
                    }
                }
                .textarea-box {
                    height: 160rpx;
                    .uni-textarea {
                        width: 100%;
                        padding: 24rpx;
                        height: 160rpx;
                        background: #ffffff;
                        border-radius: 16rpx;
                        border: 1px solid #d7dae0;
                        box-sizing: border-box;
                        font-size: 24rpx;
                    }
                }
                .dropdown {
                    width: 100%;
                    box-sizing: border-box;
                    padding: 0 24rpx;
                    height: 80rpx;
                    background: #ffffff;
                    border-radius: 16rpx;
                    border: 1px solid #d7dae0;
                    .dropdown-wrap {
                        width: 100%;
                        box-sizing: border-box;
                        font-size: 24rpx !important;
                        color: #2e3233;
                    }
                    .dropdown-ico {
                        width: 14rpx;
                        height: 11rpx;
                        display: block;
                        background: url('http://www.szxlyc.com/uploads/product/20240915/NeWeC12xbFsNpoByIKrhRVoNi88XfYEq0M1a0vd1.png') no-repeat center;
                        background-size: contain;
                    }
                }
                .input-code {
                    position: relative;
                    height: 80rpx;
                    background: #ffffff;
                    border-radius: 16rpx;
                    box-sizing: border-box;
                    .pic {
                        width: 220rpx;
                        height: 80rpx;
                        image {
                            width: 220rpx;
                            height: 80rpx;
                        }
                    }
                    .get-code {
                        width: 220rpx;
                        height: 80rpx;
                        background: #1226aa;
                        border-radius: 16rpx;
                        font-size: 24rpx;
                        color: #ffffff;
                        &.isDisabled {
                            opacity: 0.7;
                        }
                    }
                    .uni-input {
                        width: 398rpx;
                        height: 100%;
                        padding-left: 24rpx;
                        border: 1px solid #d7dae0;
                        display: block;
                        font-size: 24rpx;
                        box-sizing: border-box;
                    }
                }
                .upload-list {
                    position: relative;
                    display: grid;
                    grid-template-columns: repeat(3, 1fr);
                    gap: 24rpx 16rpx;
                    .box {
                        .area {
                            position: relative;
                            width: 200rpx;
                            height: 168rpx;
                            background: url('http://www.szxlyc.com/uploads/product/20240921/otnXUTG3oVz9asfaXMmfXuaoid5cYSAnXGegR2zN.png') no-repeat center;
                            background-size: contain;
                            border-radius: 16rpx;
                            .delete {
                                position: absolute;
                                right: 2rpx;
                                top: -10rpx;
                                width: 30rpx;
                                height: 30rpx;
                                border-radius: 50%;
                                background-color: #bb3434;
                                z-index: 999;
                                .iconfont {
                                    font-size: 20rpx;
                                    color: #ffffff;
                                }
                            }
                            image {
                                width: 200rpx;
                                height: 168rpx;
                                border-radius: 16rpx;
                            }
                            video {
                                width: 200rpx;
                                height: 168rpx;
                            }
                            .pdf {
                                width: 128rpx;
                                height: 128rpx;
                            }
                        }
                        .text {
                            margin-top: 16rpx;
                            font-weight: 400;
                            font-size: 22rpx;
                            color: #6e767a;
                            line-height: 30rpx;
                        }
                    }
                }
            }
            .customer-order-information {
                position: relative;
                width: 588rpx;
                height: 196rpx;
                background: #f5f9ff;
                border-radius: 16rpx;
                padding: 0 0 32rpx 0;
                margin: 0 auto 40rpx;
                .title {
                    width: 168rpx;
                    height: 54rpx;
                    background: #1226aa;
                    border-radius: 16rpx 27rpx 27rpx 0rpx;
                    font-weight: 600;
                    font-size: 26rpx;
                    color: #ffffff;
                    margin-bottom: 25rpx;
                }
                .text-box {
                    padding-left: 36rpx;
                    .label {
                        font-weight: 400;
                        font-size: 26rpx;
                        color: #6e767a;
                        line-height: 37rpx;
                    }
                    .t1 {
                        font-weight: 600;
                        font-size: 26rpx;
                        color: #2e3233;
                        line-height: 37rpx;
                    }
                    .t2 {
                        font-weight: 600;
                        font-size: 26rpx;
                        color: #1226aa;
                        line-height: 37rpx;
                    }
                }
            }
        }
        .btn {
            margin-top: 32rpx;
            height: 100rpx;
            background: #1226aa;
            border-radius: 50rpx;
            font-size: 28rpx;
            color: #ffffff;
        }
    }
}
